<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      lang="#{mainMenuBean.localeUrlCode}">
    <h:head>
        <title>#{mainMenuBean.UI_TITLE_TERMS}: #{mainMenuBean.UI_TITLE_MAIN}</title>
        <meta lang="#{mainMenuBean.localeUrlCode}"/>
        <link rel="icon" href="/favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="/resources/css/gew2.css"/>
        <link rel="stylesheet" type="text/css" href="/resources/fa/css/font-awesome.min.css"/>
        <script type="text/javascript" src="/resources/js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="/resources/js/jquery-ui.js"></script>
        <script type="text/javascript" src="/resources/js/gw.js"></script>
    </h:head>
    <h:body>
        <ui:include src="/const/ga.html"/>
        <ui:include src="/pages.min/header.xhtml"/>
        <h1 class="gw-block-header gw-wdth">#{mainMenuBean.UI_TITLE_ABOUT}</h1>
        <div class="gw-wdth" style="display:table;width:99%;max-height:200px;">
            <div>
                <div style="display:table-row;height:4px;"></div>
                <div style="display:table-row;">
                    <a href="#{hmBn.tradeUrl}" class="gw-table-row-hl gw-a-nohover" style="display:table-cell;width:33%;height:1px;border:1px solid #aaa;border-radius:4px;margin:4px;vertical-align:middle;">
                        <div style="height:100%;width:100%;vertical-align:middle;display:table;">
                            <div style="display:table-row;">
                                <div style="display:table-cell;height:100%;width:130px;vertical-align:middle;text-align:center;">
                                    <img border="none;" alt="#{hmBn.labelTrade}" src="/resources/images/trade.png" width="120" height="100"/>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                                    <h1>#{hmBn.labelTrade}</h1>
                                    <p>#{hmBn.infoTrade}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div style="display:table-cell;width:4px;"></div>
                    <a href="#{mainMenuBean.indicatorsUrl}" class="gw-table-row-hl gw-a-nohover" style="display:table-cell;width:33%;height:1px;border:1px solid #aaa;border-radius:4px;margin:4px;">
                        <div style="height:100%;width:100%;vertical-align:middle;display:table;padding:4px;">
                            <div style="display:table-row;height:4px;"></div>
                            <div style="display:table-row;">
                                <div style="display:table-cell;height:100%;width:140px;vertical-align:middle;text-align:center;">
                                    <img border="none;" alt="#{hmBn.labelIndicators}" src="/resources/images/indicators.png" width="140" style="margin-right:10px;"/>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                                    <h1>#{hmBn.labelIndicators}</h1>
                                    <p>#{hmBn.infoIndicators}</p>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;width:12px;"></div>
                            </div>
                            <div style="display:table-row;height:8px;"></div>
                        </div>
                    </a>
                    <div style="display:table-cell;width:4px;"></div>
                    <a href="#{mainMenuBean.industriesUrl}" class="gw-table-row-hl gw-a-nohover" style="display:table-cell;width:33%;height:1px;border:1px solid #aaa;border-radius:4px;margin:4px;vertical-align:middle;">
                        <div style="height:100%;width:100%;vertical-align:middle;display:table;">
                            <div style="display:table-row;">
                                <div style="display:table-cell;height:100%;width:140px;vertical-align:middle;text-align:center;">
                                    <img border="none;" alt="#{hmBn.labelIndustries}" src="/resources/images/trade2.png" width="140" style="margin:0px 10px;"/>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                                    <h1>#{hmBn.labelIndustries}</h1>
                                    <p class="gw-a-nohover">#{hmBn.infoIndustries}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div style="display:table-cell;width:4px;"></div>
                </div>
                <div style="display:table-row;height:4px;"></div>
                <div style="display:table-row;">
                </div>
            </div>
        </div>
        <ui:include src="/const/about_#{mainMenuBean.localeUrlCode}.xhtml"/>
        <ui:include src="/pages.min/footer.xhtml"/>
        <div class="gw-ftr gw-ftr-bck">#{mainMenuBean.UI_FOOTER_HOME}</div>
    </h:body>
</html>

